/*
 * 商品列表
 */
<template>
    <view class="goodlist-page">
        <lgb-head logoUrl="" text="社区团购系统"></lgb-head>
        <ys-search-nobutton text="输入商品名称,搜索商品"></ys-search-nobutton>
        <scroll-view class="main" scroll-y lower-threshold="200">
            <lgb-goods-list :list="goodsList"></lgb-goods-list>
            <view class="goods-loading">加载中...</view>
        </scroll-view>
    </view>
</template>

<script>
	export default {
		data() {
			return {
                catesList : [
                    {"cateImg" : "https://thl.lecuntao.com/uploads/goods/20181229180323716.png", "cateText" : "生鲜果蔬"},
                    {"cateImg" : "https://thl.lecuntao.com/uploads/goods/20190127142047422.png", "cateText" : "米面粮油"},
                    {"cateImg" : "https://thl.lecuntao.com/uploads/goods/20190126133632269.png", "cateText" : "乳品饮料"},
                    {"cateImg" : "https://thl.lecuntao.com/uploads/goods/20181229180354539.png", "cateText" : "休闲零食"},
                    {"cateImg" : "https://thl.lecuntao.com/uploads/goods/20190122133613941.png", "cateText" : "日用百货"}
                ],
                goodsList : [
                    {"img" : "https://thl.lecuntao.com/uploads/goods/20190129111445813.png", "follow" : 11, "name" : "【爆款加推】君乐宝酪爵庄园139g*12盒/提", "weight" : "139g*12盒/提", "begin_time" : "01月30日", "get_time" : "01月31日", "saled" : 50, "stock" : 100, "price" : "￥29.80", "market_price" : "￥69.80"},
                    {"img" : "https://thl.lecuntao.com/uploads/goods/20190129111445813.png", "follow" : 11, "name" : "【爆款加推】君乐宝酪爵庄园139g*12盒/提", "weight" : "139g*12盒/提", "begin_time" : "01月30日", "get_time" : "01月31日", "saled" : 50, "stock" : 100, "price" : "￥29.80", "market_price" : "￥69.80"}
                ],               
                bottomNav : [
                    {"icon": "ys-icon ys-icon-home", "active": "ys-tab-label", "name": "首页", "icon_big" : "", "num" : ""},
                    {"icon": "ys-icon", "active": "ys-tab-label active", "name": "购物车", "icon_big" : "cart-icon", "num" : ""},
                    {"icon": "ys-icon ys-icon-my", "active": "ys-tab-label", "name": "我的", "icon_big" : "", "num" : ""},
                ]
			};
		}
	}
</script>

<style lang="scss">
    .goodlist-page {
        .main {
            width: 100%;
            position: absolute;
            top: 192upx;
            left: 0;
            overflow-x: hidden;
            overflow-y: auto;
            background-color: #eee;
            .goods-loading {
                margin-bottom: 14upx;
                width: 100%;
                height: 60upx;
                line-height: 60upx;
                font-size: 24upx;
                color: #999;
                text-align: center;                
            }
        }
    }
</style>